/**index.scss**/
page {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.home_banner {
  margin: 25rpx 20rpx 20rpx 20rpx;
  display: flex;
  justify-content: flex-start;
  .banner_left {
    width: 49vw;
    height: 380rpx;
    .banner_img1 {
      width: 100%;
      height: 100%;
    }
  }
  .banner_right {
    width: 48vw;
    margin-left: 2vw;
    display: grid;
    .banner_img {
      width: 100%;
      height: 180rpx;
    }
    .right1 {
      margin-bottom: 10rpx;
    }
    .right2 {
      margin-top:10rpx;
    }
  }
}
.home_tab {
  .tabs_pages {
    margin: 0 20rpx;
  }
}
.handdeal {
  height: 1700rpx;
}
.app_main {
  margin-top: 20rpx;
  .sw_image {
    width: calc(100% - 40rpx);
    height: 100%;
    margin: 0 20rpx;
  }
  .home_notice {
    margin: 25rpx 0 0 0;
  }
}
.user-motto {
  // color: $green;
}
.scrollarea {
  flex: 1;
  overflow-y: hidden;
}

.userinfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #aaa;
  width: 80%;
}

.userinfo-avatar {
  overflow: hidden;
  width: 128rpx;
  height: 128rpx;
  margin: 20rpx;
  border-radius: 50%;
}

.usermotto {
  margin-top: 200px;
}

.avatar-wrapper {
  padding: 0;
  width: 56px !important;
  border-radius: 8px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.avatar {
  display: block;
  width: 56px;
  height: 56px;
}

.nickname-wrapper {
  display: flex;
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
  border-top: .5px solid rgba(0, 0, 0, 0.1);
  border-bottom: .5px solid rgba(0, 0, 0, 0.1);
  color: black;
}

.nickname-label {
  width: 105px;
}

.nickname-input {
  flex: 1;
}
